<template>
	<view class="content">
		<view class="example-title">我的记录</view>
		<uni-list>
			<uni-list-item :show-extra-icon="true" :extra-icon="extraIcon1" title="资金补助" />
			<uni-list-item :show-extra-icon="true" :extra-icon="extraIcon2" title="活动报名" />
			<uni-list-item :show-extra-icon="true" :extra-icon="extraIcon3" title="在线咨询" />
		</uni-list>
	</view>
</template>

<script>
	import uniList from '@/components/uni-list/uni-list.vue'
	import uniListItem from '@/components/uni-list-item/uni-list-item.vue'
	import { mapState } from 'vuex'

	export default {
		components: {
			uniList,
			uniListItem
		},
		data() {
			return {
				extraIcon1: {
					color: '#007aff',
					size: '26',
					type: 'contact'
				},
				extraIcon2: {
					color: '#007aff',
					size: '26',
					type: 'personadd'
				},
				extraIcon3: {
					color: '#007aff',
					size: '26',
					type: 'chatbubble'
				}
			}
		},
		computed: {
			...mapState(['user'])
		},
		onLoad() {
		},
		methods: {
		}
	}
</script>

<style>
	view {
		font-size: 28upx;
		line-height: inherit
	}

	.example {
		padding: 0 30upx 30upx
	}

	.example-title {
		font-size: 32upx;
		line-height: 32upx;
		color: #777;
		margin: 40upx 25upx;
		position: relative
	}

	.example .example-title {
		margin: 40upx 0
	}

	.example-body {
		padding: 0 40upx
	}
</style>
